﻿<!DOCTYPE html>
<html>
	<head>
		<title>NGRNetwork</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="shortcut icon" href="img/favicon.png">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="style/bootstrap.min.css">
		<link rel="stylesheet" href="font-awesome/4.3.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="style/icon.css">
		<link rel="stylesheet" href="style/loader.css">
		<link rel="stylesheet" href="style/idangerous.swiper.css">
		<link rel="stylesheet" href="style/stylesheet.css">
		<!--[if lt IE 10]>
			<link rel="stylesheet" type="text/css" href="style/ie-9.css" />
		<![endif]-->		
		<!--[if lt IE 9]>
		    <script src="script/html5shiv/3.7.2/html5shiv.min.js"></script>
		    <script src="script/respond/1.4.2/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body>

	<!-- THE LOADER -->
	
	<div class="be-loader">
	    	<div class="spinner">
				<div class="spinner-container container1">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
				</div>
			  	<div class="spinner-container container2">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
			  	</div>
			  	<div class="spinner-container container3">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
  				</div>
			</div>
	    </div>
	<!-- THE HEADER -->
	<header>
		<div class="container-fluid custom-container">
			<div class="row no_row row-header">
				<div class="brand-be">
					<a href="index.html"><img src="img/logo.png" alt="logo" class="be_logo">
					</a>
				</div>
				<div class="header-menu-block">
					<button class="cmn-toggle-switch cmn-toggle-switch__htx"><span></span></button>
					<ul class="header-menu" id="one">
						<li><a href="search.html">Find Projects</a><i class="fa fa-angle-down"></i>
							<ul>
								<li>
									<a href="activity.html">ACTIVITY</a>
									<i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i>
									<ul>
										<li><a href="page1.html">PAGE 1</a></li>
										<li><a href="page2.html">PAGE 2</a></li>
										<li><a href="page3.html">PAGE 3</a></li>
									</ul>
								</li>
								<li><a href="search.html">SEARCH</a></li>
							</ul>
						</li>
						<li><a href="activity.html">Jobs</a></li>
						<li><a href="search.html">Find Candidates</a><i class="fa fa-angle-down"></i>
							<ul>
								<li><a href="author-edit.html">AUTHOR EDIT</a></li>
								<li><a href="author-login.html">AUTHOR LOGIN</a></li>
								<li><a href="messages.html">MESSAGES</a></li>
								<li><a href="messages-2.html">MESSAGES 2</a></li>
							</ul>
						</li>
						<li class="active-header"><a href="activity.html">Community</a><i class="fa fa-angle-down"></i>
						<ul>
							<li><a href="blog.html">BLOG</a></li>							
							<li><a href="blog-2.html">BLOG 2</a></li>						
							<li><a href="blog-3.html">BLOG 3</a></li>
							<li><a href="statictics.html">STATISTICS</a></li>
							<li><a href="faq.html">FAQ</a></li>
							<li><a href="about-us.html">ABOUT US</a></li>
							<li><a href="contact-us.html">CONTACT US</a></li>
							<li><a href="shortcodes.html">SHORTCODES</a></li>
						</ul></li>
					</ul>
				</div><div class="login-header-block">
					<div class="login_block">																	
						<a class="notofications-popup" href="blog-detail-2.html">
							<i class="fa fa-bell-o"></i>
							<span class="noto-count">23</span>
						</a>
						<div class="noto-popup notofications-block">
							<div class="noto-label">Your Notification</div>
							<div class="noto-body" style="max-height: 509px;">
								<div class="noto-entry">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c1.png" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">Ravi Sah</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<a href="blog-detail-2.html" class="noto-message">Start following your work</a>
										</div>
									</div>
								</div>
								<div class="noto-entry">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c6.jpg" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">Louis Paquet</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<div class="noto-message">
												Saved “<a href="blog-detail-2.html">Omni-onepage app template</a>” to Inspiration
												<a class="portfolio-link type-2 clearfix" href="blog-detail-2.html">
													<img src="img/p_link_23.jpg" alt="">
													<img src="img/p_link_31.jpg" alt="">
													<img src="img/p_link_32.jpg" alt="">
													<img src="img/p_link_33.jpg" alt="">
													<img src="img/p_link_34.jpg" alt="">
													<div class="color_bg">
														<span>view portfolio</span>
														<span class="child"></span>
													</div>
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="noto-entry">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c7.jpg" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">v-a studio</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<div class="noto-message">
												<a class="noto-left" href="blog-detail-2.html">
													<img src="img/n_pop_1.jpg" alt="">
												</a>
												Saved “<a href="blog-detail-2.html">Omni-onepage app template</a>” to Inspiration
											</div>
										</div>
									</div>
								</div>
								<div class="noto-entry">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c8.jpg" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">Hoang Nguyen</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<div class="noto-message">
												<a class="noto-left" href="blog-detail-2.html">
													<img src="img/n_pop_2.jpg" alt="">
												</a>
												Awesome, love the big whitespace and also everything between :)
											</div>
										</div>
									</div>
								</div>
								<div class="noto-entry">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c9.jpg" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">Cüneyt ŞEN</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<a href="blog-detail-2.html" class="noto-message">
												Start following your work
											</a>
										</div>
									</div>
								</div>												
							</div>							
						</div>
						<a class="messages-popup" href="blog-detail-2.html">
							<i class="fa fa-envelope-o"></i>
							<span class="noto-count">4</span>
						</a>
						<div class="noto-popup messages-block">
							<div class="noto-label">Your Messages <span class="noto-label-links"><a href="messages-2.html">compose</a><a href="messages.html">View all messages</a></span></div>
							<div class="noto-body" style="max-height: 509px;">
								<div class="noto-entry style-2">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c1.png" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">Ravi Sah</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<div class="noto-message">Sed velit mauris, pulvinar sit amet accumsan vitae, egestas, pulvinar sit amet accumsan vitae, egestas</div>
										</div>
									</div>
								</div>
								<div class="noto-entry style-2">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c6.jpg" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">Louis Paquet</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<div class="noto-message">
											Pellentesque habitant morbi tristique senectus et netus tristique senectus
											</div>
										</div>
									</div>
								</div>
								<div class="noto-entry style-2">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c9.jpg" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">Cüneyt ŞEN</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<div class="noto-message">
												Sed id erat vitae libero malesuada dictum vel sit amet eros
											</div>
										</div>
									</div>
								</div>								
								<div class="noto-entry style-2">
									<div class="noto-content clearfix">
										<div class="noto-img">	
											<a href="blog-detail-2.html">
												<img src="img/c10.jpg" alt="" class="be-ava-comment">
											</a>
										</div>
										<div class="noto-text">
											<div class="noto-text-top">
												<span class="noto-name"><a href="blog-detail-2.html">Tomasz Mazurczak</a></span>
												<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
											</div>
											<div class="noto-message">
												In molestie libero quis cursus ullamcorper eu rhoncus magna
											</div>
										</div>
									</div>
								</div>												
							</div>							
						</div>
						<div class="be-drop-down color-4 size-2">
							<span class="be-dropdown-content">ADD WORK</span>
							<ul class="drop-down-list">
								<li><a>Featured</a></li>
								<li><a>Most Appreciated</a></li>
								<li><a>Most Viewed</a></li>
								<li><a>Most Discussed</a></li>
								<li><a>Most Recent</a></li>
							</ul>
						</div>
						<div class="be-drop-down login-user-down">
							<img class="login-user" src="img/login.jpg" alt="">
							<span class="be-dropdown-content">Hi, <span>Taylor</span></span>
							<ul class="drop-down-list">
								<li><a href="http://google.com">Featured</a></li>
								<li><a href="blog-detail-2.html">Most Appreciated</a></li>
								<li><a href="blog-detail-2.html">Most Viewed</a></li>
								<li><a href="blog-detail-2.html">Most Discussed</a></li>
								<li><a href="blog-detail-2.html">Most Recent</a></li>
							</ul>
						</div>																		
					</div>	
				</div>
			</div>
		</div>
	</header>	


	<!-- MAIN CONTENT -->
	<div id="content-block">
		<div class="container be-detail-container">
			<div class="row">
				<div class="col-xs-12 col-sm-5 left-feild">
					<a href="author-login.html" class="btn color-4 size-1 hover-7"><i class="fa fa-chevron-left"></i> back to profile</a>
					<a href="blog-detail-2.html" class="btn btn-right color-1 size-1 hover-1"><i class="fa fa-envelope-o"></i> compose</a>

					<form>
						<div class="noto-header clearfix">
							<div class="form-checkbox">
						    	<input class="select-all" id="ch1" type="checkbox" value="" name=""> <span class="check"><i class="fa fa-check"></i></span>
						    	<label for="ch1">select all</label>
							</div>
							<div class="stat-sort be-drop-down">
								<span class="be-dropdown-content">actions</span>
								<ul class="drop-down-list">
									<li><a>Featured</a></li>
									<li><a>Most Appreciated</a></li>
									<li><a>Most Viewed</a></li>
									<li><a>Most Discussed</a></li>
									<li><a>Most Recent</a></li>
								</ul>
							</div>							
						</div>
						<div class="noto-entry style-3">
							<div class="noto-content clearfix">
								<div class="form-checkbox">
								    <input type="checkbox" value="" name=""> <span class="check"><i class="fa fa-check"></i></span>
								</div>							
								<div class="noto-img">	
									<a href="blog-detail-2.html">
										<img src="img/c1.png" alt="" class="be-ava-comment">
									</a>
								</div>
								<div class="noto-text">
									<div class="noto-text-top">
										<span class="noto-name"><a href="blog-detail-2.html">Ravi Sah</a></span>
										<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
									</div>
									<div class="noto-message">Sed velit mauris, pulvinar sit amet accumsan vitae, egestas, pulvinar sit amet accumsan vitae, egestas</div>
								</div>
							</div>
						</div>
						<div class="noto-entry style-3">
							<div class="noto-content clearfix">
								<div class="form-checkbox">
								    <input type="checkbox" value="" name=""> <span class="check"><i class="fa fa-check"></i></span>
								</div>							
								<div class="noto-img">	
									<a href="blog-detail-2.html">
										<img src="img/ava_3.jpg" alt="" class="be-ava-comment">
									</a>
								</div>
								<div class="noto-text">
									<div class="noto-text-top">
										<span class="noto-name"><a href="blog-detail-2.html">Louis Paquet</a></span>
										<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
									</div>
									<div class="noto-message">Pellentesque habitant morbi tristique senectus et netus...</div>
								</div>
							</div>
						</div>
						<div class="noto-entry style-3">
							<div class="noto-content clearfix">
								<div class="form-checkbox">
								    <input type="checkbox" value="" name=""> <span class="check"><i class="fa fa-check"></i></span>
								</div>							
								<div class="noto-img">	
									<a href="blog-detail-2.html">
										<img src="img/ava_5.jpg" alt="" class="be-ava-comment">
									</a>
								</div>
								<div class="noto-text">
									<div class="noto-text-top">
										<span class="noto-name"><a href="blog-detail-2.html">Cüneyt ŞEN</a></span>
										<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
									</div>
									<div class="noto-message">Sed id erat vitae libero malesuada dictum vel sit amet eros</div>
								</div>
							</div>
						</div>
						<div class="noto-entry style-3">
							<div class="noto-content clearfix">
								<div class="form-checkbox">
								    <input type="checkbox" value="" name=""> <span class="check"><i class="fa fa-check"></i></span>
								</div>							
								<div class="noto-img">	
									<a href="blog-detail-2.html">
										<img src="img/ava_8.jpg" alt="" class="be-ava-comment">
									</a>
								</div>
								<div class="noto-text">
									<div class="noto-text-top">
										<span class="noto-name"><a href="blog-detail-2.html">Tomasz Mazurczak</a></span>
										<span class="noto-date"><i class="fa fa-clock-o"></i> May 27, 2015</span>
									</div>
									<div class="noto-message">In molestie libero quis cursus ullamcorper eu rhoncus maa</div>
								</div>
							</div>
						</div>																	
					</form>										            					
				</div>
				<div class="col-xs-12 col-sm-7">
					<div class="be-large-post">
						<div class="info-block style-2">
							<div class="be-large-post-align">
								<h3 class="info-block-label">New Message</h3>
							</div>
						</div>
						<div class="be-large-post-align">
							<form>
								<div class="form-group">
										<div class="form-label">To</div>									
										<input class="form-input" type="text" value="Enter user name">
									</div>							
								<div class="form-group">
									<div class="form-label">Your Message</div>
									<textarea class="form-input" required="" placeholder="Reply to Louise Paquet"></textarea>
								</div>
								<button class="btn btn-right color-4 size-2 hover-7">cancel</button>								
								<button class="btn btn-right color-1 size-2 hover-1">send</button>						
							</form>
						</div>
					</div>				
				</div>
			</div>

			
		</div>
	</div>

	<footer>
		<div class="footer_slider">
			<div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="responsive" data-xs-slides="4" data-sm-slides="8" data-md-slides="14" data-lg-slides="19" data-add-slides="19">
	            <div class="swiper-wrapper">
	            	<div class="swiper-slide active" data-val="0">
	            		 <img class="img-responsive img-full" src="img/f1.jpg" alt="">
	            	</div>
	            	<div class="swiper-slide" data-val="1">
	            		 <img class="img-responsive img-full" src="img/f2.jpg" alt="">           		 
	            	</div>
	            	<div class="swiper-slide" data-val="2">
	            		 <img class="img-responsive img-full" src="img/f3.jpg" alt="">            		 
	            	</div>
	            	<div class="swiper-slide" data-val="3">
	            		 <img class="img-responsive img-full" src="img/f4.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="4">
	            		 <img class="img-responsive img-full" src="img/f5.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="5">
	            		 <img class="img-responsive img-full" src="img/f6.jpg" alt="">            		 
	            	</div>
	            	<div class="swiper-slide" data-val="6">
	            		 <img class="img-responsive img-full" src="img/f7.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="7">
	            		 <img class="img-responsive img-full" src="img/f8.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="8">
	            		 <img class="img-responsive img-full" src="img/f9.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="9">
	            		 <img class="img-responsive img-full" src="img/f10.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="10">
	            		 <img class="img-responsive img-full" src="img/f11.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="11">
	            		 <img class="img-responsive img-full" src="img/f12.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="12">
	            		 <img class="img-responsive img-full" src="img/f13.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="13">
	            		 <img class="img-responsive img-full" src="img/f14.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="14">
	            		 <img class="img-responsive img-full" src="img/f15.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="15">
	            		 <img class="img-responsive img-full" src="img/f16.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="16">
	            		 <img class="img-responsive img-full" src="img/f17.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="17">
	            		 <img class="img-responsive img-full" src="img/f18.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="18">
	            		 <img class="img-responsive img-full" src="img/f19.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="19">
	            		 <img class="img-responsive img-full" src="img/f1.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="20">
	            		 <img class="img-responsive img-full" src="img/f2.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="21">
	            		 <img class="img-responsive img-full" src="img/f3.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="22">
	            		 <img class="img-responsive img-full" src="img/f4.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="23">
	            		 <img class="img-responsive img-full" src="img/f5.jpg" alt="">	            		 
	            	</div>	            		            		            		            		            	
	            </div>
	            <div class="pagination hidden"></div>
	        </div>
        </div>	
		<div class="footer-main">
			<div class="container-fluid custom-container">
				<div class="row">	
					<div class="col-md-3 col-xl-4">
						<div class="footer-block">
							<h1 class="footer-title">About Us</h1>
							<p>Vestibulum tincidunt, augue fermentum accumsan viverra, eros dui rutrum libero, nec imperdiet felis sem in augue luctus <a href="blog-detail-2.html">diam a porta</a> iaculis. Vivamus sit amet fermentum nisl. Duis id <a href="blog-detail-2.html">massa id purus</a> tristique varius a sit amet est. Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc.</p>
							<ul class="soc_buttons">
								<li><a href=""><i class="fa fa-facebook"></i></a></li>
								<li><a href=""><i class="fa fa-twitter"></i></a></li>
								<li><a href=""><i class="fa fa-google-plus"></i></a></li>
								<li><a href=""><i class="fa fa-pinterest-p"></i></a></li>
								<li><a href=""><i class="fa fa-instagram"></i></a></li>
								<li><a href=""><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-xl-2">
						<div class="footer-block">
							<h1 class="footer-title">Some Links</h1>
							<div class="row footer-list-footer">
								<div class="col-md-6">
								<ul class="link-list">
									<li><a href="blog-detail-2.html">About Us</a></li>
									<li><a href="blog-detail-2.html">Help</a></li>
									<li><a href="blog-detail-2.html">Contacts</a></li>
									<li><a href="blog-detail-2.html">Job</a></li>
									<li><a href="blog-detail-2.html">Projets</a></li>
								</ul></div>
								<div class="col-md-6">
								<ul class="link-list">
									<li><a href="blog-detail-2.html">New Works</a></li>
									<li><a href="blog-detail-2.html">Popular Authors</a></li>
									<li><a href="blog-detail-2.html">New Authors</a></li>
									<li><a href="blog-detail-2.html">Career</a></li>
									<li><a href="blog-detail-2.html">FAQ</a></li>
								</ul></div>
							</div>
						</div>
					</div>				
					<div class="col-md-3 galerry">
						<div class="footer-block">					
							<h1 class="footer-title">Recent Works</h1>
							<a href="blog-detail-2.html"><img src="img/g1.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g2.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g3.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g4.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g5.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g6.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g7.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g8.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g9.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g10.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g11.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g12.jpg" alt=""></a>
						</div>
					</div>
					<div class="col-md-3">
						<div class="footer-block">
							<h1 class="footer-title">Subscribe On Our News</h1>
							<form action="./" class="subscribe-form">
								<input type="text" placeholder="Yout Name" required>
								<div class="submit-block">
									<i class="fa fa-envelope-o"></i>
									<input type="submit" value="">
								</div>
							</form>
							<div class="soc-activity">
								<div class="soc_ico_triangle">
									<i class="fa fa-twitter"></i>
								</div>
								<div class="message-soc">
									<div class="date">16h ago</div>
									<a href="blog-detail-2.html" class="account">@faq</a> vestibulum accumsan est <a href="blog-detail-2.html" class="heshtag">blog-detail-2.htmlmalesuada</a> sem auctor, eu aliquet nisi ornare leo sit amet varius egestas.
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container-fluid custom-container">
				<div class="col-md-12 footer-end clearfix">
					<div class="left">
						<span class="copy">© 2015. All rights <a href="http://www.bootstrapmb.com/">Reserved</a>. <span class="white"><a href="blog-detail-2.html"> NRGNetwork</a></span></span>
						<span class="created">Created with LOVE by <span class="white"><a href="blog-detail-2.html"> NRGThemes</a></span></span>
					</div>
					<div class="right">
						<a class="btn color-7 size-2 hover-9">About Us</a>
						<a class="btn color-7 size-2 hover-9">Help</a>
						<a class="btn color-7 size-2 hover-9">Privacy Policy</a>
					</div>
				</div>			
			</div>
		</div>		
	</footer>

	<div class="be-fixed-filter"></div>
	
	<div class="large-popup login">
		<div class="large-popup-fixed"></div>
		<div class="container large-popup-container">
			<div class="row">
				<div class="col-md-8 col-md-push-2 col-lg-6 col-lg-push-3  large-popup-content">
					<div class="row">
						<div class="col-md-12">
							<i class="fa fa-times close-button"></i>
							<h5 class="large-popup-title">Log in</h5>
						</div>
						<form action="./" class="popup-input-search">
						<div class="col-md-6">
							<input class="input-signtype" type="email" required="" placeholder="Your email">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="password" required="" placeholder="Password">
						</div>
						<div class="col-xs-6">
							<div class="be-checkbox">
							<label class="check-box">
								    <input id="" class="checkbox-input" type="checkbox" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									Stay signed in
								</span>
							</div>
							
							<a href="blog-detail-2.html" class="link-large-popup">Forgot password?</a>
						</div>
						<div class="col-xs-6 for-signin">
							<input type="submit" class="be-popup-sign-button" value="SIGN IN">
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="large-popup register">
		<div class="large-popup-fixed"></div>
		<div class="container large-popup-container">
			<div class="row">
				<div class="col-md-10 col-md-push-1 col-lg-8 col-lg-push-2 large-popup-content">
					<div class="row">
						<div class="col-md-12">
							<i class="fa fa-times close-button"></i>
							<h5 class="large-popup-title">Register</h5>
						</div>
						<form action="./" class="popup-input-search">
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="First Name">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Last Name">
						</div>
						<div class="col-md-6">
							<div class="be-custom-select-block">
							<select name="" id="" class="be-custom-select">
								<option value="" disabled selected>
									Country
								</option>
								<option value="">USA</option>
								<option value="">Canada</option>
								<option value="">England</option>
							</select>
							</div>
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Email">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Password">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Repeat Password">
						</div>
						<div class="col-md-12 be-date-block">
							<span class="large-popup-text">
								Date of birth
							</span>
							<div class="be-custom-select-block mounth">
								<select name="" id="" class="be-custom-select">
									<option value="" disabled selected>
										Mounth
									</option>
									<option value="">January</option>	
									<option value="">February</option>	
									<option value="">March</option>	
									<option value="">April</option>	
									<option value="">May</option>	
									<option value="">June</option>	
									<option value="">July</option>	
									<option value="">August</option>	
									<option value="">September</option>	
									<option value="">October</option>	
									<option value="">November</option>	
									<option value="">December</option>
								</select>
							</div>
							<div class="be-custom-select-block">
								<select name="" id="" class="be-custom-select">
									<option value="" disabled selected>
										Day
									</option>
									<option value="">1</option>
									<option value="">2</option>
									<option value="">3</option>
									<option value="">4</option>
									<option value="">5</option>
									<option value="">6</option>
									<option value="">7</option>
									<option value="">8</option>
									<option value="">9</option>
									<option value="">10</option>
									<option value="">11</option>
									<option value="">12</option>
									<option value="">13</option>
									<option value="">14</option>
									<option value="">15</option>
									<option value="">16</option>
									<option value="">17</option>
									<option value="">18</option>
									<option value="">19</option>
									<option value="">20</option>
									<option value="">21</option>
									<option value="">22</option>
									<option value="">23</option>
									<option value="">24</option>
									<option value="">25</option>
									<option value="">26</option>
									<option value="">27</option>
									<option value="">28</option>
									<option value="">29</option>
									<option value="">30</option>
								</select>
							</div>
							<div class="be-custom-select-block">
								<select name="" id="" class="be-custom-select">
									<option value="" disabled selected>
										Year
									</option>
									<option value="">1996</option>
									<option value="">1997</option>
									<option value="">1998</option>
								</select>
							</div>
						</div>
						<div class="col-md-6">
							<div class="be-checkbox">
								<label class="check-box">
								    <input id="" class="checkbox-input" type="checkbox" required="" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									I have read and agree to the <a class="be-popup-terms" href="blog-detail-2.html">Terms of Use</a> and <a class="be-popup-terms" href="blog-detail-2.html">Privacy Policy</a>.
								</span>
							</div>
							<div class="be-checkbox">
								<label class="check-box">
								    <input id="" class="checkbox-input" type="checkbox" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									Send me notifications
								</span>
							</div>
						</div>
						<div class="col-md-6 for-signin">
							<input type="submit" class="be-popup-sign-button" value="SIGN IN">
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- SCRIPT	-->
	<script src="script/jquery-2.1.4.min.js"></script>
	<script src="script/bootstrap.min.js"></script>		
	<script src="script/idangerous.swiper.min.js"></script>
	<script src="script/isotope.pkgd.min.js"></script>	
	<script src="script/jquery.viewportchecker.min.js"></script>	
	<script src="script/jquery.countTo.js"></script>	
	<script src="script/global.js"></script>	
	</body>
</html>